﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserTime.ascx.cs" Inherits="System_WebUserTime" %>
<style type="text/css">

.m_fieldset {
	padding: 0,10,5,10;
	text-align: center;
	width: 150px;
}
.m_legend {
	font-family: Tahoma;
	font-size: 11px;
	padding-bottom: 5px;
}
.m_frameborder {
	border-left: 2px inset #D4D0C8;
	border-top: 2px inset #D4D0C8;
	border-right: 2px inset #FFFFFF;
	border-bottom: 2px inset #FFFFFF;
	width: 100px;
	height: 19px;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: right;
	font-family: "Tahoma";
	font-size: 10px;
}
.m_arrow {
	width: 16px;
	height: 8px;
	font-family: "Webdings";
	font-size: 7px;
	line-height: 2px;
	padding-left: 2px;
	cursor: default;
}
.m_input {
	width: 18px;
	height: 14px;
	border: 0px solid black;
	font-family: "Tahoma";
	font-size: 12px;
	text-align: right;
	ime-mode:disabled;
}
</style>

<script language="javascript">

    function minute(name, fName) {
        this.name = name;
        this.fName = fName || "m_input";
        this.timer = null;
        this.fObj = null;

        this.toString = function() {
            var objDate = new Date();
            var sMinute_Common = "class=\"m_input\" maxlength=\"2\" name=\"" + this.fName + "\" onfocus=\"" + this.name + ".setFocusObj(this)\" onblur=\"" + this.name + ".setTime(this)\" onkeyup=\"" + this.name + ".prevent(this)\" onkeypress=\"if (!/[0-9]/.test(String.fromCharCode(event.keyCode)))event.keyCode=0\" onpaste=\"return false\" ondragenter=\"return false\"";
            var sButton_Common = "class=\"m_arrow\" onfocus=\"this.blur()\" onmouseup=\"" + this.name + ".controlTime()\" "
            var str = "";
            str += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
            str += "<tr>"
            str += "<td>"
            str += "<div class=\"m_frameborder\">"
            str += "<input name=\"MyH\"  radix=\"24\" value=\"" + this.formatTime(objDate.getHours()) + "\" " + sMinute_Common + ">:"
            str += "<input name=\"MyM\" radix=\"60\" value=\"" + this.formatTime(objDate.getMinutes()) + "\" " + sMinute_Common + ">:"
            str += "<input name=\"MyS\" radix=\"60\" value=\"" + this.formatTime(objDate.getSeconds()) + "\" " + sMinute_Common + ">"
            str += "</div>"
            str += "</td>"
            str += "<td>"
            str += "<table border=\"0\" cellspacing=\"2\" cellpadding=\"0\">"

            str += "<tr><td><button id=\"" + this.fName + "_up\" " + sButton_Common + ">5</button></td></tr>"
            str += "<tr><td><button id=\"" + this.fName + "_down\" " + sButton_Common + ">6</button></td></tr>"
            str += "</table>"
            str += "</td>"
            str += "</tr>"
            str += "</table>"

            return str;

        }
        this.play = function() {
            this.timer = setInterval(this.name + ".playback()", 1000);
        }
        this.formatTime = function(sTime) {
            sTime = ("0" + sTime);
            return sTime.substr(sTime.length - 2);
        }
        this.playback = function() {
            var objDate = new Date();
            var arrDate = [objDate.getHours(), objDate.getMinutes(), objDate.getSeconds()];
            var objMinute = document.getElementsByName(this.fName);
            for (var i = 0; i < objMinute.length; i++) {
                objMinute[i].value = this.formatTime(arrDate[i])
            }
        }
        this.prevent = function(obj) {
            clearInterval(this.timer);
            this.setFocusObj(obj);
            var value = parseInt(obj.value, 10);
            var radix = parseInt(obj.radix, 10) - 1;
            if (obj.value > radix || obj.value < 0) {
                obj.value = obj.value.substr(0, 1);
            }
        }
        this.controlTime = function(cmd) {
            event.cancelBubble = true;
            if (!this.fObj) return;
            clearInterval(this.timer);
            var cmd = event.srcElement.innerText == "5" ? true : false;
            var i = parseInt(this.fObj.value, 10);
            var radix = parseInt(this.fObj.radix, 10) - 1;
            if (i == radix && cmd) {
                i = 0;
            }
            else if (i == 0 && !cmd) {
                i = radix;
            }
            else {
                cmd ? i++ : i--;
            }
            this.fObj.value = this.formatTime(i);
            this.fObj.select();
        }
        this.setTime = function(obj) {
            obj.value = this.formatTime(obj.value);
        }
        this.setFocusObj = function(obj) {

            //  eval(this.fName + "_up").disabled = eval(this.fName + "_down").disabled = false;
            this.fObj = obj;
        }
        this.getTime = function() {
            var arrTime = new Array(2);
            for (var i = 0; i < document.getElementsByName(this.fName).length; i++) {
                arrTime[i] = document.getElementsByName(this.fName)[i].value;
            }
            return arrTime.join(":");
        }
    }
</script>
<style type="text/css">
.c_fieldset {
	padding: 0,10,5,10;
	text-align: center;
	width: 180px;
}
.c_legend {
	font-family: Tahoma;
	font-size: 11px;
	padding-bottom: 5px;
}
.c_frameborder {
	border-left: 2px inset #D4D0C8;
	border-top: 2px inset #D4D0C8;
	border-right: 2px inset #FFFFFF;
	border-bottom: 2px inset #FFFFFF;
	background-color: #FFFFFF;
	overflow: hidden;
	font-family: "Tahoma";
	font-size: 10px;
	width:160px;
	height:120px;
}
.c_frameborder td {
	width: 23px;
	height: 16px;
	font-family: "Tahoma";
	font-size: 11px;
	text-align: center;
	cursor: default;
}
.c_frameborder .selected {
	background-color:#0A246A;
	width:12px;
	height:12px;
	color:white;
}

.c_dateHead {
	background-color:#808080;
	color:#D4D0C8;
}
</style>
<script language="javascript">
    //	Written by cloudchen, 2004/03/16
    function calendar(name, fName) {
        this.name = name;
        this.fName = fName || "calendar";
        this.year = new Date().getFullYear();
        this.month = new Date().getMonth();
        this.date = new Date().getDate();

        //private
        this.drawDate = function() {
            var str = "";
            var fDay = new Date(this.year, this.month, 1).getDay();
            var fDate = 1 - fDay;
            var lDay = new Date(this.year, this.month + 1, 0).getDay();
            var lDate = new Date(this.year, this.month + 1, 0).getDate();
            str += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" id=\"" + this.fName + "_dateTable" + "\">";
            for (var i = 1, j = fDate; i < 7; i++) {
                str += "<tr>";
                for (var k = 0; k < 7; k++) {
                    str += "<td ><span " + (j == this.date ? " class=\"selected\"" : "") + " onclick=\"" + this.name + ".redrawDate(this.innerText)\">" + (isDate(j++)) + " </span></td>";
                }
                str += "</tr>";
            }
            str += "</table>";
            return str;
            function isDate(n) {
                return (n >= 1 && n <= lDate) ? n : "";
            }
        }

    }
</script>
	
			<FONT face="宋体"></FONT>
			<table border="0">
<tr>
<td valign="top">

<!-- 调用时间钟 -->
<script>
    var m = new minute("m");
    m.play();
    document.write(m);
</script>
<!-- 调用时间钟 -->

</td></tr>

</table>